//1.安装vuex yarn add vuex -S
//2.引入并使用vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
import home from '@/store/home.js'
import search from "@/store/search";
import detail from "@/store/detail";
import shopCart from "@/store/shopCart";
import user from "@/store/user";
import trade from "@/store/trade";

const  state={}//存数据的地方
const mutations={}//修改数据的地方 不能使用if 不能用for 不能使用异步
const actions={}//1.用来和vue打交道,vue组件中dispacth  actions中的请求函数
const getters={}//计算state中的数据 或者是需要合成一个
//3.对外暴露一个store
const store=new Vuex.Store({
    state,
    mutations,
    actions,
    getters,
    //模块化 合并
    modules:{
        home,
        search,
        detail,
        shopCart,
        user,
        trade
    }
})
export default store
//4.在main.js中引入并成为vue的配置对象  跟router是一样的步骤